<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./首页详情页.css">
</head>
<body>
    <div class="wai">
        <div class="tobu">
        <!-- 左上角字 -->
        <div class="ding">
        <p>送货至：四川</p>
        <!-- 右上角列表 -->
        <div class="youshang"><span>你好！请登录 <a href="../注册页/注册.html">免费注册</a>丨我的订单丨收藏夹 <i class="fa fa-angle-down fa-1g"></i>
        客户服务 <i class="fa fa-angle-down fa-1g"></i> 网站导航 <i class="fa fa-angle-down fa-1g"></i>&nbsp;&nbsp;丨关注我们：<img src="../首页完成后/首页完成后/weibo.png">
        &nbsp;<img src="../首页完成后/首页完成后/weixin.png">丨手机版&nbsp;&nbsp;<img src="../首页完成后/首页完成后/shouji.png"></span>
        </div></div>
        <!-- 1号店logo -->
        <div class="logo">
            <h3>yhd.com</h3>
        </div>
        <!-- 搜索框 -->
        <div class="sousuo">
            <input type="text" placeholder="请输入关键字">
                <a class="sousuokuang" href="../搜索列表页/搜索详情页.html">搜索</a><br>
                <span>咖啡&nbsp;&nbsp;iphone 6S&nbsp;&nbsp;新鲜美食&nbsp;&nbsp;蛋糕&nbsp;&nbsp;日用品&nbsp;&nbsp;连衣裙</span>
            </div>
        <div class="gowu">购物车</div>
        <a href="../首页完成后/首页完成后.html" class="erji">全部商品分类</a>
        <div class="zhuyouce">
            <p><span>首页</span> &nbsp;&nbsp;&nbsp;<span>自营超市</span> &nbsp;&nbsp;&nbsp;1号店 &nbsp;&nbsp;&nbsp;1号超市 
                &nbsp;&nbsp;&nbsp;女装 &nbsp;&nbsp;&nbsp;美妆 &nbsp;&nbsp;&nbsp;1号海购 &nbsp;&nbsp;&nbsp;团购</p>
                <a href="./首页详情页.html">手机下单惊喜多!</a>
            </div>
        </div>
        <div class="pingpai">所有团购>包饰>珠韵首饰 
            <div class="xuxian"><p><em>冰韵 天然佰色正圆S925银扣珍珠项链</em></p></div>
        </div>
        <div class="bingyun">
            <div class="bagatu">
            <img src="./首页详情页/商品详情页完成后效果_22.png"><br>
            <div class="xiaotuyi">
                <img src="./首页详情页/商品详情页完成后效果_50.png">
            </div>
            <div class="xiaotuyi">
                <img src="./首页详情页/商品详情页完成后效果_52.png" width="80px" height="80px">
            </div>
            <div class="xiaotuyi">
                <img src="./首页详情页/商品详情页完成后效果_54.png">
            </div>
            <div class="xiaotuyi">
                <img src="./首页详情页/商品详情页完成后效果_56.png"> 
                </div>
            </div>
            <div class="bagazi">
                <p>珠韵首饰 冰韵 天然白色正圆S925银扣珍珠项链</p>
                <span class="dapan">全国包邮 送妈妈，正圆级淡水珍珠，白色S925银链扣，使用方便，尊贵礼物。</span>
                <p class="xiaorizi">本店价格：<span class="qian">&yen;1786</span></p>
                <span class="cankao">参考价：&yen;3886</span>
                <p class="touzi">尺码：<img src="./首页详情页/商品详情页完成后效果_29.png"> <img src="./首页详情页/效果_03.png"> <img src="./首页详情页/效果_05.png"></p>                    
                </p>
                <p class="touzier"><span>颜色选择：</span><img src="./首页详情页/效果_10.png"> <img src="./首页详情页/效果_12.png"></p>                    
                </p>
                <div class="fenxiang">分享</div>
                <div class="guanzhu">关注商品</div>
                <div class="xuanze">1
                    <input type="text" value="+" class="input1">
                    <input type="text" value="-" class="input2">
                </div>
                <div class="jiarugo">加入购物车</div>
            </div>
        </div>
        <div class="weiai">
            <img src="./首页详情页/商品详情页完成后效果_25.png">
            <div class="pingpaizhuanqu">进入品牌专区</div>
        </div>
        <div class="xihuan">用户还喜欢</div>
        <div class="dapei">推荐搭配</div>
        <div class="dakongbai"></div>
        <div class="tongguo">
            <div class="zujin">
                <img src="./首页详情页/商品详情页完成后效果_66.png">
                <br><span>粤通国际珠宝 999足金</span>
                <div class="fangxuan"><input type="checkbox">&yen;76</div>
            </div>
            <div class="zujine">
                <p class="jiahao"></p>
                <img src="./首页详情页/商品详情页完成后效果_69.png">
                <br><span>珠韵 9.5-10.5mm项链</span>
                <div class="fangxuan"><input type="checkbox">&yen;1890</div>
            </div>
            <div class="zujinn">
                <p class="jiahao"></p>
                <img src="./首页详情页/商品详情页完成后效果_71.png">
                <br><span>清新耳环</span>
                <div class="fangxuan"><input type="checkbox">&yen;232</div>
            </div>
            <div class="zujins">
                <p class="dengyu"></p>
                <div class="taocanjia">
                    套餐价：&yen;2000
                    <div class="taocanyi">1</div>
                    <div class="zuhemai">组合购买</div>
                </div>
            </div>
            <div class="dape">商品属性</div>
            <div class="dakongb"><p>商品详情</p><p>商品评论</p></div>
            <div class="tonggu">
                <ul class="ol">
                    <li>商品名称：天然淡水珍珠</li>
                    <li>商品编号:1546211</li>
                    <li>品牌：珠韵首饰</li>
                    <li>上架时间:2015-09-06 09:19:09</li>
                    <li>商品毛重:160.00g</li>
                    <li>商品产地:法国</li>
                    <li>珍珠形状:正圆</li>
                    <li>镶嵌材质:纯银</li>
                    <li>款式:项链</li>
                </ul>
            </div>
            <div class="dakongbk"><p>商品详情</p></div>
        </div>
        <div class="Dior">
            <img src="../搜索列表页/搜索详情页/搜索列表页完成后效果_07.gif">
            <p>科爱KEAL儿童日本书包护脊</p>
            <span>&yen;599</span>
        </div>
        <div class="Dier">
            <img src="../搜索列表页/搜索详情页/搜索列表页完成后效果_24.gif">
            <p>科爱KEAL儿童日本书包超</p>
            <span>&yen;79</span>
        </div>
        <div class="Disan">
            <img src="../搜索列表页/搜索详情页/搜索列表页完成后效果_47.gif">
            <p>珠韵首饰 天然白色珍珠项链</p>
            <span>&yen;339/span>
        </div>
        <div class="Disan">
            <img src="../搜索列表页/搜索详情页/搜索列表页完成后效果_64.gif">
            <p>珠韵首饰 新品18K黄金珍珠耳钉</p>
            <span>&yen;1860</span>
        </div>
        <div class="Disan">
            <img src="../搜索列表页/搜索详情页/搜索列表页完成后效果_72.gif" width="160px" height="150px">
            <p>珍韵首饰 姝丽大珍珠</p>
            <span>&yen;758</span>
        </div>
        <div class="dadekuang">
            <img src="./首页详情页/商品详情页完成后效果_84.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_93.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_99.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_103.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_105.png"><br><br>
            <img src="./首页详情页/尺寸.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_111.png"><br><br>
            <img src="./首页详情页/商品详情页完成后效果_113.png"><br><br>
        </div>
        <div class="dakongbkk"><p>商品评论</p></div>
        <div class="haoping">
            <div class="woyaopin">
                <div class="haopindu"><p><span>80.0%</span><br>好评度</p></div>
                <div class="zhongpin">
                    <p>好评(80%)</p><p class="huangkuai"></p><p class="heikuai"></p>
                    <p>中评(20%)</p><p class="huangkua"></p><p class="heikua"></p>
                    <p>差评(0%)</p><p class="huangkui"></p><p class="heikui"></p>
                </div>
                <div class="guke">购买过珠韵首饰 天然银扣珍珠项链的顾客，在收到商品才可以对该商品发表评论</div>
                <div class="wobupin">
                    您可对已购买商品进行评价<p class="wojiuyao">我要评论</p>
                </div>

            </div>
            <div class="xiangsiersheng">
                <span><img src="./首页详情页/商品详情页完成后效果_117.png"> 向死而生</span>
                <div class="xinghao">
                    <li>颜色分类：<p>粉色</p></li>
                    <li>产品很好，香味很喜欢，必须给赞。</li>
                    <li>型号：<p>43cm</p></li>
                    <li class="li4">2015-09-24</li>
                </div>
            </div>
            <div class="xiangsiersheg">
                <span><img src="./首页详情页/商品详情页完成后效果_120.png"> 就是这么想的</span>
                <div class="xingho">
                    <li>颜色分类：<p>粉色</p></li>
                    <li>送朋友，她很喜欢，大爱</li>
                    <li>型号：<p>43cm</p></li>
                    <li class="li4">2015-09-24</li>
                </div>
            </div>
            <div class="xiangsiershen">
                <span><img src="./首页详情页/商品详情页完成后效果_122.png"> 墨镜墨镜</span>
                <div class="xingha">
                    <li>颜色分类：<p>白色</p></li>
                    <li>大家都说不错</li>
                    <li>型号：<p>43cm</p></li>
                    <li class="li4">2015-09-24</li>
                </div>
            </div>
            <div class="xiangsiersen">
                <span><img src="./首页详情页/商品详情页完成后效果_124.png"> 那*****洋</span>
                <div class="xinga">
                    <li>颜色分类：<p>白色</p></li>
                    <li>下次还会来买，推荐。</li>
                    <li>型号：<p>43cm</p></li>
                    <li class="li4">2015-09-24</li>
                </div>
            </div>
        </div>
        <div class="xiayiiye">
            <div class="fanxiaye">
                <div class="shangyiye"><p>上一页</p></div>
                <div class="diyiye"><p>1</p></div>
                <div class="dierye"><p>2</p></div>
                <div class="disanye"><p>3</p></div><p class="diandian">···</p>
                <div class="diershiye"><p>20</p></div>
                <div class="xiayiye"><p>下一页</p></div>
            </div>
        </div>
        <div class="kuaisu">
            <div class="zhengpin">
                <img src="../首页完成后/首页完成后/首页完成后效果_40.png" >
                <p>正品保障</p>
                <span>正品行货 放心购买</span>
            </div>
            <div class="baoyou">
                <img src="../首页完成后/首页完成后/首页完成后效果_43.png" >
                <p>满38包邮</p>
                <span>满38包邮 免运费</span>
            </div>
            <div class="dijia">
                <img src="../首页完成后/首页完成后/首页完成后效果_46.png" >
                <p>天天低价</p>
                <span>天天低价 畅选无忧</span>
            </div>
            <div class="songda">
                <img src="../首页完成后/首页完成后/首页完成后效果_49.png" >
                <p>准时送达</p>
                <span>收货时间由你做主</span>
            </div>
        </div>
        <div class="saoyisao">
            <div class="tishi">
            <ol>新手上路
                <li>售后流程</li>
                <li>购物流程</li>
                <li>订购方式</li>
                <li>隐私声明</li>
                <li>推荐分享说明</li>
            </ol>
            <ol>配送与支付
                <li>货到付款区域</li>
                <li>配送支付查询</li>
                <li>支付方式说明</li>
            </ol>
            <ol>会员中心
                <li>资金管理</li>
                <li>我的收藏</li>
                <li>我的订单</li>
            </ol>
            <ol>服务保障
                <li>退换货原则</li>
                <li>售后服务保证</li>
                <li>产品质量保证</li>
            </ol>
            <ol>联系我们
                <li>网站故障报告</li>
                <li>购物咨询</li>
                <li>投诉与建议</li>
            </ol>
            </div>
            <div class="erweima">
                <img src="../首页完成后/首页完成后/首页完成后效果_56.png">
                扫一扫关注我们！
            </div>
            <div class="dianhua">
                <p class="weiboer">&nbsp;新浪微博</p><br><br>
                <p class="tengxun">&nbsp;腾讯微博</p>
                <p class="rexian">服务热线：
                    <br><span>400-123-4567</span>
                </p>
            </div>
        </div>
        <div class="chengxing">
            <span>备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright©1号店网上超市 2007-2016，All Rights Reserved. 
            复制必究，Technical Support Dgg Group</span>
            <img src="../首页完成后/首页完成后/首页完成后效果_66.png">&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_68.png">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_70.png">
            &nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_72.png">&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_74.png">&nbsp;&nbsp;&nbsp;&nbsp;<img src="../首页完成后/首页完成后/首页完成后效果_76.png">
        </div>
    </div>
</body>
</html>